<script setup lang="ts" name="TitleCommon">
interface Props {
  title: string
}
const props = defineProps<Props>();
</script>

<template>
  <div class="title-common">
    <img src="@/assets/home/title-icon.svg" alt="">
    <div class="text">{{ props.title }}</div>
  </div>
</template>

<style scoped lang="scss">
.title-common {
  width: 100%;
  height: 40px;
  display: flex;
  background: url(@/assets/home/title-bg.png)no-repeat;
  img{
    width: 60px;
    height: 40px;
  }
  .text {
    flex: 1;
    line-height: 40px;
    color: #C8D7E4;
    font-size: 26px;
    font-family: YouSheBiaoTiHei;
  }
}
</style>
